import { Image } from '@douyinfe/semi-ui';
import styles from "./index.module.scss";

export default function History({ onHistoryImageClick }) {
  const historyImages = [
    { id: 0, src: '' },
    { id: 1, src: '' }
  ];

  return (
    <div className={styles.history}>
      {historyImages.map((item) => (
        <div 
          key={item.id} 
          className={styles.historyItem} 
          onClick={() => onHistoryImageClick(item.id)}
        >
          <Image 
            className={styles.img} 
            src={item.src} 
            preview={false} 
            draggable={false} 
          />
        </div>
      ))}
    </div>
  );
}